<!DOCTYPE html>
<style>
    .read-write {
        background-color: green;
    }
    .read-only {
        border: 4px solid magenta;
    }
</style>
<input type="text" class="read-only" value="whf">
<input type="text" class="read-write" value="whf">

<p class="read-only">Well hello friends</p>
<p class="read-write">Well hello friends</p>
